<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>账户权限</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_zhanghulist.css" />
</head>

<body>
  <!-- v-cloak -->
    <div id="app"  >
      <!-- 重置密码 -->
      <van-dialog v-model="showreset" title="提示信息" :before-close="beforereset_password" show-cancel-button >
        <div class="dialog_tishi">
            <div class="dialog_item font75">
              账户: {{selectUserName}}&nbsp;&nbsp;密码重置为 [000000]
            </div>
        </div> 
    </van-dialog>
    <!-- 禁用账户 -->
    <van-dialog v-model="showdisplay" title="提示信息" :before-close="beforedisplay_zhanghao" show-cancel-button >
      <div class="dialog_tishi">
          <div class="dialog_item font75">
            禁用账号后，该账号不能登录系统。确定要禁用吗？
          </div>
      </div> 
  </van-dialog>
  <!-- 删除账户 -->
  <van-dialog v-model="showdelete" title="提示信息" :before-close="beforedelete_zhanghao" show-cancel-button >
    <div class="dialog_tishi">
        <div class="dialog_item font75">
          删除账号后，无法进行恢复操作。确定要删除吗？
        </div>
    </div> 
</van-dialog>


      <div class="orderlist" style="margin-top: 0px;">
        <ul>
            <li v-for="item in userChildList" style="position: relative;">
              <div v-on:click="closebox()" v-if="isShowid==item.UserID" class="maskbg">
              </div>
              <div v-if="isShowid==item.UserID" class="choosebox showTopstyle">
                  <div v-if="item.Type==2" class="topstyle" v-on:click="shouquan(item.UserID)">授权</div>
                  <div v-if="item.Type==1||item.Type==2" class="topstyle" v-on:click="reset_password(item.UserID,item.RealName)">重置密码</div>
                  <div v-if="item.Type==1||item.Type==2" class="topstyle" v-on:click="edit_zhanghao(item)">编辑</div>
                  <div v-if="item.Type==2&&!item.IsLocked" class="topstyle" v-on:click="display_zhanghao(item.UserID)">禁用</div>
                  <div v-if="item.Type==2&&item.IsLocked" class="topstyle" v-on:click="open_zhanghao(item.UserID)">启用</div>
                  <div v-if="item.Type==2" class="topstyle" v-on:click="delete_zhanghao(item.UserID)">删除</div>
              </div>
                <div class="or_list_item">
                    <div class="one_item">
                        <div class="item_name fl">{{item.RealName}}
                          <span v-if="item.Type==1" class="name_dec font55">{{item.TypeDesc}}</span>
                          <span v-if="item.Type==2" class="name_msg font55">
                            {{item.TypeDesc}}<span v-if="item.IsLocked">-已禁用</span>
                          </span>
                        </div>
                        <div class="item_price fr font65 color9" v-on:click="do_opencaozuo(item.UserID)">操作<i class="icon iconfont icon-zhankai"></i></div>
                    </div>
                    <div class="nextname color9 font65">
                      {{item.PhoneNumber}}
                    </div>
                    <div v-if="item.Type==1" class="timerdec">说明：超级账号不支持删除、授权、禁用操作</div>

                </div>
            </li>
        </ul>
    </div>
    <div class="pagebtn">
      <div class="buttom longwidth" v-on:click="open_addzh()">添加新账号</div>
  </div>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/dl_zhanghulist.js"></script>
</html>
